<#include "/common/_header.html" />
<div class="page-group"><!-- 页面组 -->
	<div class="page page-current"><!-- 页面组中的每一个页面，可以互相跳转 -->
		<header class="bar bar-nav"><!-- 每个页面的头部 -->
 			<a class="button button-link button-nav pull-right" onclick="addBbs()">
				<span class="iconfont icon-edit" style="font-size:1.5rem;"></span>
			</a>
			<h1 class="title">小区群聊</h1>
		</header>
		<div class="content"><!-- 每个页面的内容区域 -->
 			<div class="text-center" style="margin-top:0.3rem;margin-bottom:0.3rem;">
 				<span class="badge" style="background-color: rgba(114, 222, 59, 0.56);">${uservo.userCommunityName}</span>
 			</div>
			<!-- Slider -->
			<div class="swiper-container" data-space-between='10'>
			    <div class="swiper-wrapper">
			      <div class="swiper-slide">
			      	<div class="text-center" style="background-color: #F5E8B3;margin-left: 1rem;margin-right: 1rem;line-height: 4rem;">
			      		<i class="iconfont icon-notification"></i>公告1
			      	</div>
			      </div>
			      <div class="swiper-slide">
			      	<div class="text-center" style="background-color: #F5E8B3;margin-left: 1rem;margin-right: 1rem;line-height: 4rem;">
			      		<i class="iconfont icon-notification"></i>公告2
			      	</div>
			      </div>
			      <div class="swiper-slide">
			      	<div class="text-center" style="background-color: #F5E8B3;margin-left: 1rem;margin-right: 1rem;line-height: 4rem;">
			      		<i class="iconfont icon-notification"></i>公告3
			      	</div>
			      </div>
			    </div>
			    <div class="swiper-pagination"></div>
			</div>
 			<div class="card-list">
				<div class="card" onclick="bbsDetail(1)">
				    <div class="card-content">
				      <div class="list-block media-list">
				        <ul>
				          <li class="item-content">
				            <div class="item-media" style="display: block;line-height:1">
				              <i class="iconfont icon-home" style="font-size:3rem;"></i>
				              <div class="text-center">房天下</div>
				            </div>
				            <div class="item-inner">
				                <div class="item-subtitle" style="margin-top: 0.3rem;">园园</div>
				                <div class="item-subtitle" style="margin-top: 0.3rem;">听说广州番禺的楼价又要涨了？</div>
								<div class="item-subtitle" style="margin-top: 0.3rem;"><span class="pretty-date" style="font-size:0.1rem;color:#ccc">2016-11-23 09:00</span><span class="pull-right">>></span></div>
				            </div>
				          </li>
				        </ul>
				      </div>
				    </div>
				</div>
				<div class="card" onclick="bbsDetail(2)">
				    <div class="card-content">
				      <div class="list-block media-list">
				        <ul>
				          <li class="item-content">
				            <div class="item-media" style="display: block;line-height:1">
				              <i class="iconfont icon-evaluate" style="font-size:3rem;"></i>
				              <div class="text-center">育儿经</div>
				            </div>
				            <div class="item-inner">
				                <div class="item-subtitle" style="margin-top: 0.3rem;">夏妈妈</div>
				                <div class="item-subtitle" style="margin-top: 0.3rem;">跪求沙湾小学入学攻略</div>
								<div class="item-subtitle" style="margin-top: 0.3rem;"><span class="pretty-date" style="font-size:0.1rem;color:#ccc">2016-11-23 12:00</span><span class="pull-right">>></span></div>
				            </div>
				          </li>
				        </ul>
				      </div>
				    </div>
				</div>
				<div class="card" onclick="bbsDetail(3)">
				    <div class="card-content">
				      <div class="list-block media-list">
				        <ul>
				          <li class="item-content">
				            <div class="item-media" style="display: block;line-height:1">
				              <i class="iconfont icon-group" style="font-size:3rem;"></i>
				              <div class="text-center">同乡汇</div>
				            </div>
				            <div class="item-inner">
				                <div class="item-subtitle" style="margin-top: 0.3rem;">Alice</div>
				                <div class="item-subtitle" style="margin-top: 0.3rem;">听说广州番禺的楼价又要涨了？</div>
								<div class="item-subtitle" style="margin-top: 0.3rem;"><span class="pretty-date" style="font-size:0.1rem;color:#ccc">2016-11-23 10:00</span><span class="pull-right">>></span></div>
				            </div>
				          </li>
				        </ul>
				      </div>
				    </div>
				</div>
				<div class="card" onclick="bbsDetail(4)">
				    <div class="card-content">
				      <div class="list-block media-list">
				        <ul>
				          <li class="item-content">
				            <div class="item-media" style="display: block;line-height:1">
				              <i class="iconfont icon-community" style="font-size:3rem;"></i>
				              <div class="text-center">唠家常</div>
				            </div>
				            <div class="item-inner">
				                <div class="item-subtitle" style="margin-top: 0.3rem;">小东</div>
				                <div class="item-subtitle" style="margin-top: 0.3rem;">双十一你剁手了吗？</div>
								<div class="item-subtitle" style="margin-top: 0.3rem;"><span class="pretty-date" style="font-size:0.1rem;color:#ccc">2016-11-22 19:00</span><span class="pull-right">>></span></div>
				            </div>
				          </li>
				        </ul>
				      </div>
				    </div>
				</div>														
 			</div>
		</div>
	</div>
</div>
<#include "/common/_footer.html" />
<script src="${path}/resource/js/dateUtil.js"></script>
<script>
function bbsDetail(category){
	location.href = "${path}/communityChat?category="+category;
}
function addBbs(){
	location.href = "${path}/communityChat/add";
}
$(function(){
	parsePrettyDate();
});
</script>